<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>收银界面</title>
    <%@include file="common.jsp"%>
    <script type="text/javascript" src="/static/js/detailview.js"></script>
    <script type="text/javascript" src="/static/js/index.js"></script>
    <script type="text/javascript" src="/static/js/cashier.js"></script>

    <style type="text/css">
        .pd{float: left}
        .p{float:left;}
        .hfont{
            color:#F00;
            font-weight:bold;
            color:red;
        }

    </style>
</head>
<body>
<div id="client_toolbar">
    <input  id="client_keyword" name="keyword" class="easyui-searchbox"
            data-options="prompt:'输入手机号,卡号,姓名'" style="width:200px"/>
</div>

<div id="cashier_btns">
    <a class="easyui-linkbutton" href="#" iconCls="icon-qudan" plain="true" data-cmd="save">取单</a>
    <a class="easyui-linkbutton" href="#" iconCls="icon-quxiaodan" plain="true" data-cmd="remove">删除</a>
    <a class="easyui-linkbutton" href="#" iconCls="icon-cancel" plain="true" data-cmd="cancel">取消</a>
</div>
<div id="stock_toolbar">
    店铺:<input type="text" name="depotId" id="depotId" class="easyui-combobox"
              data-options="url:'/depot/list.do',textField:'name',valueField:'id',panelHeight:'auto',required:true">
</div>


<div class="easyui-layout" data-options="fit:true">
    <!--付款密码窗-->
    <div id="client_dialog"  class="easyui-dialog" align="center"
         data-options="closed:true,title:'请输入密码'">
        <p><input id="password" class="easyui-passwordbox" data-options="" style="width:200px"></p>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-guadan',width:150" data-cmd="import_password">确定</a>
    </div>

    <div id="entryOrders"></div>

    <div id="selectOrders">
        <table id="ordersTable"></table>
    </div>

    <div data-options="region:'west',title:'收银订单明细',split:true,width:450">


        <div id="pd" class="pd" style="width:250px;height:150px;">
            <input tag="clientId" type="hidden"/>
            <p>会员卡号:<input id="clientNumber" class="easyui-textbox" data-options="readonly:true" style="width:150px"></p>
            <p>会员姓名:<input id="clientName" class="easyui-textbox" data-options="readonly:true" style="width:150px"></p>
            <p>卡内余额:<input id="balance" class="easyui-textbox" data-options="readonly:true" style="width:150px"></p>
        </div>
        <div id="p" class="p"style="width:100px;height:150px;" align="canter">
            <p><span class="hfont"><font size="4">应付款: ¥</font></span></p>
            <p><span id="totalNum" class="hfont"></span></p>
            <p><span class="hfont"></span></p>

        </div>
        <form id="cashier_form" method="post">
            <table id="ashier_table" align="center" style="margin-top: 20px">
                <thead>
                <tr align="center">
                    <td>商品编码</td>
                    <td>商品名</td>
                    <td>价格</td>
                    <td>数量</td>
                    <td>小计</td>
                </tr>
                </thead>
                <tbody id="cashier_item">
                <tr align="center">
                    <td>
                        <input id="productSn"  readonly="readonly" type="text" style="width:75px"/>
                        <input id="productId"  type="hidden" style="width:75px"/>
                    </td>
                    <td>

                        <input id="productName" readonly="readonly" type="text" style="width:75px">
                    </td>
                    <td>
                        <input id="salePrice" type="text" style="width:75px">
                    </td>
                    <td>
                        <input id="number"type="text" style="width:75px">
                    </td>
                    <td>
                        <input id="amount" type="text" style="width:75px">
                    </td>
                    <td>
                        <a id="remove_item">删除</a>
                    </td>
                </tr>
                </tbody>

            </table>
            <a class="easyui-linkbutton" data-options="iconCls:'icon-guadan',width:140" data-cmd="entryOrders">挂单</a>
            <a class="easyui-linkbutton" data-options="iconCls:'icon-qudan',width:140" data-cmd="4">取单</a>
            <a class="easyui-linkbutton" data-options="iconCls:'icon-fukuan',width:140" data-cmd="payment">付款</a>
        </form>
    </div>

    <div data-options="region:'center',split:true">
        <div id="tt" class="easyui-tabs" data-options="fit:true,pill:true">

            <div title="所有商品" data-option="fit:true">
                <table id="cashier_datagrid"></table>
            </div>
            <div title="会员信息" data-options="" style="display:none;">
                <table id="client_datagrid"></table>
            </div>
        </div>
    </div>
</div>
</body>
</html>